<template>
  <div id="app">
    <keep-alive>
      <router-view v-if="!$route.meta.nokeep" />
    </keep-alive>
    <router-view v-if="$route.meta.nokeep" />
  </div>
</template>

<script>
import protal from "@/api/protal";
export default {
  name: "App",
  components: {

  },
  created() {

  },
  mounted() {

  },
  watch: {

  },
  methods: {

  }
};

</script>

<style lang="less">
@import url('~@/assets/font/font.less');
.el-calendar {
  .el-calendar__header {
    padding: 12px 0 !important;
  }
}
#app {
  font-family: "Source Han Sans CN", "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  height: 100%;
  width: 100%;
  font-size: initial;
  transform-origin: left top;
}

*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

li,
ul {
  list-style: none;
}

.ellipsis1 {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden !important;
}
.ellipsis2 {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden !important;
}
.ellipsis3 {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden !important;
}


@media screen and (min-width: 769px) {

}

/* 媒体查询（手机） */
@media screen and (max-width: 768px) {

}
</style>
